<!DOCTYPE html>
<html>

	<head>
		<title>客户关系管理系统-数据字典管理</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap-theme.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/normalize.min.css" />

		<script src="../../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

		<!--[if lte IE 8]>
			<script src="../../js/html5shiv.min.js" type="text/javascript" charset="utf-8"></script>
			<script src="../../js/respond.min.js" type="text/javascript" charset="utf-8"></script>
		<![endif]-->

		<!-- 界面自定义CSS文件 -->
		<link rel="stylesheet" type="text/css" href="../../css/custom/scrollbar-style.min.css" />

		<!--界面自定义JS文件-->

	</head>

	<body>
		<div class="container-fluid">

			<!--TODO 当前页面地理位置 (面包屑导航)-->
			<ul class="breadcrumb">
				<li>基础数据管理</li>
				<li>产品库存查询</li>
			</ul>

			<!--TODO 搜索表单及工具按钮-->
			<form id="form-search" class="form-inline">

				<div class="form-group">
					<label class="control-label">产品名称：</label>
					<input class="form-control" />

					<label class="control-label">型号：</label>
					<input class="form-control" type="text" />

					<label class="control-label">批次：</label>
					<input class="form-control" type="text" />

					<label class="control-label">仓库：</label>
					<input class="form-control" type="text" />
				</div>

				<div class="form-group btn-group">
					<button class="btn btn-default">
						<span class="glyphicon glyphicon-search"></span>
						查询
					</button>
				</div>

			</form>

			<hr />

			<!--TODO 数据列表-->
			<table class="table table-hover">
				<thead class="bg-primary">
					<tr>
						<th class="hidden-xs">#</th>
						<th>产品</th>
						<th>仓库</th>
						<th>货位</th>
						<th>件数</th>
						<th class="hidden-xs">备注</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="hidden-xs">1</td>
						<td>幸福牌电视机-818 FFT-2388 EA03</td>
						<td>北京-西直门库</td>
						<td>EC-D2</td>
						<td>16</td>
						<td class="hidden-xs"></td>
					</tr>
					<tr>
						<td class="hidden-xs">2</td>
						<td>海龙笔记本电脑-i60-2688 9966</td>
						<td>北京-大钟寺库</td>
						<td>EA-B8</td>
						<td>12</td>
						<td class="hidden-xs"></td>
					</tr>
					<tr>
						<td class="hidden-xs">3</td>
						<td>海龙笔记本电脑-i60-2688 9966</td>
						<td>北京-马甸库</td>
						<td>EA-A6</td>
						<td>8</td>
						<td class="hidden-xs"></td>
					</tr>
					<tr>
						<td class="hidden-xs">4</td>
						<td>海龙笔记本电脑-i61-2689 6688</td>
						<td>天津-恒远电子C库</td>
						<td>北26位</td>
						<td>36</td>
						<td class="hidden-xs"></td>
					</tr>
					<tr>
						<td class="hidden-xs">5</td>
						<td>海龙笔记本电脑-i61-2689 6688</td>
						<td>天津-恒远电子C库</td>
						<td>北27位</td>
						<td>36</td>
						<td class="hidden-xs"></td>
					</tr>
					<tr>
						<td class="hidden-xs">6</td>
						<td>海龙笔记本电脑-i61-2689 6688</td>
						<td>天津-恒远电子C库</td>
						<td>北28位</td>
						<td>30</td>
						<td class="hidden-xs"></td>
					</tr>
				</tbody>
			</table>

			<!--TODO 数据分页部分-->
			<div class="text-center">
				<ul class="pagination">
					<li class="disabled">
						<a>&lt;</a>
					</li>
					<li class="active">
						<a href="">1</a>
					</li>
					<li>
						<a href="">2</a>
					</li>
					<li>
						<a href="">3</a>
					</li>
					<li>
						<a href="">4</a>
					</li>
					<li>
						<a href="">5</a>
					</li>
					<li>
						<a href="">&gt;</a>
					</li>
				</ul>
			</div>
		</div>

	</body>

</html>